<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<script type="text/javascript">
<!--
function cameraRotate(chk) {
	//alert(chk.id+", "+id+",<s:property value='%{controller.id}'/>");
	
	$.ajax({
		url : "../controller/cameraRotate.html?id=<s:property value='%{controller.id}'/>" +"&direction="+chk.id,
		success : function(result) {
			//no need response
		}
	});
}


function cameraZoom(chk) {
	//alert(chk.id+", "+id+",<s:property value='%{controller.id}'/>");
	
	$.ajax({
		url : "../controller/cameraZoom.html?id=<s:property value='%{controller.id}'/>" +"&zoomMode="+chk.id,
		success : function(result) {
			//no need response
		}
	});
}
//-->
</script>
<div>
  <%-- <input type="image" src="<s:url value='/img/failed.png'/>"/> --%>
 <table >
 <tr><td></td><td><a href=# class="btn" id="0" onclick="javascript:cameraRotate(this);"><i class="icon-chevron-up"></i></a></td><td></td><td><td width="75" align="right" ><a href=# class="btn" id="in" onclick="javascript:cameraZoom(this);"><i class="icon-zoom-in"></i></a></td></tr>
 <tr><td> <a href=# class="btn" id="2" onclick="javascript:cameraRotate(this);"><i class="icon-chevron-left"></i></a></td><td></td><td><a href=# class="btn" id="3" onclick="javascript:cameraRotate(this);"><i class="icon-chevron-right"></i></a></td></tr>
 <tr><td></td><td> <a href=# class="btn" id="1" onclick="javascript:cameraRotate(this);"><i class="icon-chevron-down"></i></a></td><td></td><td></td><td width="75" align="right"><a href=# class="btn" id="out" onclick="javascript:cameraZoom(this);"><i class="icon-zoom-out"></i></a></td></tr>
 </table>
</div>